﻿<div class="with-progress blob-containers-list" data-bind="spinner: spinner">
    <table class="data">
        <thead>
            <tr>
                <th class="name">Container Name
                </th>
                <th>Last Modified</th>
                <th></th>
            </tr>
        </thead>
        <tbody data-bind="foreach: filteredContainers">
            <tr data-bind="css: { current: $parent.context.blobs.container() == $data.name() }">
                <td>
                    <a data-bind="href: $parent.getBlobContainerDetailsUrl($data), text: name, title: name"></a>
                </td>
                <td data-bind="text: lastModified"></td>
                <td>
                    <a href="javascript:void(0)" data-bind="modalOpen: 'containerDetails', click: $parents[1].containerDetails.init">details</a>
                    <a href="javascript:void(0)" data-bind="modalOpen: 'deleteContainer', click: $parents[1].deleteContainerDetails.init" class="remove" title="Remove blob containers">delete</a>
                    <a href="javascript:void(0)" data-bind="modalOpen: 'manageLease', click: function () { $parents[1].leaseDetails.forContainer($data.name()) }">lease</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>
